<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>好喝の奶茶</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/ups.css">
</head>

<body>
    <header>
        <div class="nav">
            <div class="logo">
                <img src="images/naixuelogo.jpg" alt="">
            </div>
            <div class="nav_inner">
                <ul>
                    <li>首页</li>
                    <li>关于奈雪</li>
                    <li>产品介绍</li>
                    <li>品牌跨界</li>
                    <li>空间展示</li>
                    <li>联系我们</li>
                    <li>投资者关系</li>
                </ul>
            </div>
        </div>
        <div class="language">
            <span>中文简体</span>
            <span>贵州方言</span>
        </div>
    </header>
    <div id="ups-banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content">
                        <div class="txt">
                            <h3>奶茶の话语</h3>
                            <p>要不是为了写WEB前端作业你认为我会...</p>
                            <p>现在还没有喝到奶茶吗!</p>
                        </div><a href="#" class="link">购买奶茶</a>
                    </div>
                    <div class="img-fix">
                        <div class="img-inner"><img src="upload/banner.jpg" class="img"></div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content">
                        <div class="txt">
                            <h3>震惊</h3>
                            <p>某女大学生喜欢喝奶茶竟然...</p>
                            <p>去买了一杯奶茶喝! </p>
                        </div><a href="#" class="link">加微信</a>
                    </div>
                    <div class="img-fix">
                        <div class="img-inner"><img src="upload/banner1.jpg" class="img"></div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content">
                        <div class="txt">
                            <h3>你の奶茶</h3>
                            <p>今天你喝奶茶了吗？ </p>
                            <p>生活就像一杯奶茶，你不喝一下试试你就不知到有多惊艳！ </p>
                        </div><a href="#" class="link">帮我做作业</a>
                    </div>
                    <div class="img-fix">
                        <div class="img-inner"><img src="upload/banner2.jpg" class="img"></div>
                    </div>
                </div>
            </div>
            <div class="bottom-nav">
                <div class="ups-icon-videoplay"></div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </div>
    <div class="new">
        <div class="new_left">
            <div class="menu">新品菜单</div>
            <span>NEW MENU</span>
            <div class="line"></div>
            <ul>
                <li>
                    <img src="upload/naicha1.jpg" alt="">
                    <p>提拉米苏豪华宝藏茶</p>
                    <h6>提拉米苏豪华宝藏茶 - 奈雪的茶唯一官网</h6>
                </li>
                <li>
                    <img src="upload/naicha2.jpg" alt="">
                    <p class="two">霸气芝士车厘子</p>
                </li>
            </ul>
        </div>
        <div class="new_right">
            <ul>
                <li><img src="upload/r1.jpg" alt=""></li>
                <li><img src="upload/r2.jpg" alt=""></li>
                <li><img src="upload/r3.jpg" alt=""></li>
                <li><img src="upload/r4.jpg" alt=""></li>
            </ul>
            <div class="circle">
                经典产品
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="upload/banners.jpg" alt="">
        <div class="text">
            <p class="p1">关于我们</p>
            <p>ABOUT US</p>
            品牌愿景
            <br>
            茶在中国有5000年的文化积淀，但现代社会里人心浮躁，尤其是年轻人已经很少会花时间静啜一杯茶，奈雪希望通过简单的、符合现代人生活的方式将好茶带到每个人身边，成为中国茶文化走向世界的创新者和推动者。
            <div class="btn">查看更多</div>
        </div>
    </div>
    <div class="naixue">
        <p>奈雪世界</p>
        <p>NAYUKI WORLD</p>
        <div class="naixue_banner">
            <ul>
                <li><img src="upload/n1.jpg" alt="">
                    <span>门店信息</span>
                </li>
                <li><img src="upload/n2.jpg" alt="">
                    <span>寻好茶</span>
                </li>
                <li><img src="upload/n3.jpg" alt="">
                    <span>茶礼盒</span>
                </li>
                <li><img src="upload/n4.jpg" alt="">
                    <span>手作软欧包</span>
                </li>

            </ul>
        </div>
    </div>
    <div class="bd_banner">
    </div>
    <div class="footer">
        <div class="footer_inner">
            <ul>
                <li>
                    <i></i>
                    <span>版权所有：贵州交通职业技术学院大数据32009班杨雪玲</span>
                </li>
                <li>
                    <i></i>
                    <span>地址：贵州交通职业技术学院</span>
                </li>
                <li>
                    <i></i>
                    <span>电话：111111111111</span>
                </li>
                <li>
                    <i></i>
                    <span>邮箱：1111111@qq.com</span>
                </li>
            </ul>
        </div>
        <div class="footer_wx">
            <ul>
                <span class="gm">官方媒体：</span>

                <li>
                    <img src="upload/erweima.jpg" alt="">
                    <span>微信公众号</span>
                </li>
                <li>
                    <img src="upload/erweima.jpg" alt="">
                    <span>点单小程序</span>
                </li>
                <li>
                    <img src="upload/erweima.jpg" alt="">
                    <span>官方微博</span>
                </li>
                <li>
                    <img src="upload/erweima.jpg" alt="">
                    <span>天猫旗舰店</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="f">贵州交通职业技术学院备案</div>
    <script src="js/swiper.min.js"></script>
    <script src="js/ups.js"></script>
</body>

</html>